<%@ page language="java" pageEncoding="UTF-8" import="java.util.*"
	errorPage="../defaultException.jsp"%>
<%@include file="../tags.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="UTF-8"/>
<%@include file="../head.jsp"%>
<title>用户登录</title>
    <script type="text/javascript">
	$(function(){
		
		$('#login').panel({
			title : '用户登录',
			width : 450,
			height : 650,
			border : true
		});
	});
	function refresh(obj) {
        obj.src = "${cpath}/admin/verifyCode?t="+Math.random();
    }
</script>
<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="${cpath }/resources/bootstrap/css/admin.css" media="screen">
 
  </head>
  <body>
   <div class="container">

      <form class="form-signin" role="form" method="post" action="${cpath}/admin/login">
      	<table>
      		<tr>
      			<td colspan="2" class="strator"><img src="${cpath}/resources/bootstrap/images/admin.jpg"></td>
      		</tr>
      		<tr>
      			<td colspan="2"><div class="input-group">
  <span class="input-group-addon callout">U</span>
  <input type="text" class="form-control" placeholder="用户名"  name="username" required autofocus>
</div>
      			</td>
      		</tr>
      		<tr>
      			<td colspan="2"><div class="input-group">
  <span class="input-group-addon callout">P</span>
  <input type="password" class="form-control" placeholder="密码" name="password" required autofocus>
</div>
      			</td>
      		</tr>
      		<tr>
      			<td><input type="text" class="form-control random" placeholder="验证码-点击图片刷新" name="randomCode" required></td>
      			<td><img alt="点击更换" onclick="javascript:refresh(this);" src="${cpath}/admin/verifyCode?t="+Math.random() /></td>
      		</tr>
      		<tr>
      			<td colspan="2"><button class="btn btn-lg btn-primary btn-block" type="submit">Login in</button></td>
      		</tr>
      	</table>
      </form>

    </div> 

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
  </body>
</html>